/**
 * Created by wd14931 on 2017/6/5.
 */
var tpl = require('./../../template/user_management/add.html');

var userList = [
    {
        'account': '13468234734',
        'userAttributes': '属性A',
        'department': '大度假研发',
        'title': '研发主管',
        'fullName': '小明'
    },{
        'account': '13468234734',
        'userAttributes': '属性A',
        'department': '大度假研发',
        'title': '研发主管',
        'fullName': '小明'
    },{
        'account': '13468234734',
        'userAttributes': '属性A',
        'department': '大度假研发',
        'title': '研发主管',
        'fullName': '小明'
    },{
        'account': '13468234734',
        'userAttributes': '属性A',
        'department': '大度假研发',
        'title': '研发主管',
        'fullName': '小明'
    },{
        'account': '13468234734',
        'userAttributes': '属性A',
        'department': '大度假研发',
        'title': '研发主管',
        'fullName': '小明'
    },{
        'account': '13468234734',
        'userAttributes': '属性A',
        'department': '大度假研发',
        'title': '研发主管',
        'fullName': '小明'
    },{
        'account': '13468234734',
        'userAttributes': '属性A',
        'department': '大度假研发',
        'title': '研发主管',
        'fullName': '小明'
    },{
        'account': '13468234734',
        'userAttributes': '属性A',
        'department': '大度假研发',
        'title': '研发主管',
        'fullName': '小明'
    },{
        'account': '13468234734',
        'userAttributes': '属性A',
        'department': '大度假研发',
        'title': '研发主管',
        'fullName': '小明'
    }
];
var userForm = {
    PersonnelSex:  [
        {label: '男', value: '1'},
        {label: '女', value: '2'}
    ], //人员性别
    CertificateType: [
        {label: '身份证', value: '3'},
        {label: '护照', value: '4'},
        {label: '港澳通行证', value: '5'},
        {label: '其他', value: '6'}
    ], //证件类型
    Department: [
        {label: 'AA', value: '7'},
        {label: 'cc', value: '8'}
    ], //所属部门
    Post: [
        {label: '开发', value: '9'},
        {label: '产品', value: '12'},
        {label: '其他', value: '23'}
    ], //职务
    PersonnelCategories: [
        {label: '开发', value: '34'},
        {label: '产品', value: '45'},
        {label:  '其他', value: '61'}
    ], //人员类别
    Title:  [
        {label: '开发', value: '122'}
        ,{label: '产品', value: '23'},
        {label: '其他', value: '32'}], //职称
    Bank: [
        {label: '中国银行', value: '32'},
        {label: '建设银行', value: '1222'},
        {label: '其他', value: '435'}] //银行
};

module.exports = {
    template: tpl,

    data: function(){
        return {
            name: 'user-add',
            PersonnelCode: '', //人员编码
            PersonnelName: '', //人员名称
            PersonnelSex:  '', //人员性别
            CertificateType: '', //证件类型
            CertificateNumber: '', //证件号
            Department: '', //所属部门
            Post: '', //职务
            PersonnelCategories: '', //人员类别
            Title:  '', //职称
            mobile: '', //手机号码
            Tel: '', //职务
            Email: '', //Email
            Birthday: '', //出生日期
            Bank: '', //银行
            BankNumber: '', //银行账号
            MnemonicNumber: '', //助记号码
            data: {},
            form: {}
        };
    },
    // 组件创建完成
    created: function() {
        ss = this;
        // 此时 data 已经被 observed 了
        this.fetchData();
    },
    mounted:function(){

        $(document.querySelector('.scroll-user-add')).niceScroll(
        {
            cursorcolor:"#989494",
            cursoropacitymax:1,
            touchbehavior:false,
            cursorwidth:"3px",
            cursorborder:"0",
            cursorborderradius:"5px"
        });

        $(document.querySelector('.user-add-editor-content')).niceScroll(
        {
            cursorcolor:"#989494",
            cursoropacitymax:1,
            touchbehavior:false,
            cursorwidth:"3px",
            cursorborder:"0",
            cursorborderradius:"5px"
        });

    },
    // router change fetch data again
    watch: {
        '$route': 'fetchData'
    },
    // 滚动
    scrollBehavior: function(to, from, savedPosition) {
        return { x: 0, y: 0 }
    },
    methods:{

        // fetch data from service
        fetchData: function(){
            this.data = userList;
            this.form = userForm;
        },

        sortList: function(key){
            console.log(this.data.length)
        }
    }
};